﻿/* 通用默认样式-------------------------------------- */
body {background-color:#ffffff; margin-left:0px;margin-top:0px;margin-right:0px;margin-bottom:0px;}
td {font-family:'宋体';font-size: 12px;color:#333333;line-height:24px;WORD-WRAP: break-word}
div {font-family:'宋体';font-size: 12px;color:#333333;line-height:24px;WORD-WRAP: break-word}
A:link   {font-family:'宋体';font-size:12px;color:#333333;text-decoration: none;}
A:visited{font-family:'宋体';font-size:12px;color:#333333;text-decoration: none;}
A:hover  {font-family:'宋体';font-size:12px;color:#ff0000;text-decoration: none;}
A:active {font-family:'宋体';font-size:12px;color:#ff0000;text-decoration: none;}
p{ padding:0; margin:0;}
li{ list-style:none;}
img{ border:0px;}
body,ol,ul,h1,h2,h3,h4,h5,h6,p,th,td,dl,dd,form,fieldset,legend,input,textarea,select{margin:0;padding:0}

.clear{	margin:0; padding:0; line-height:1px; font-size:1px; height:0; clear:both; display:block;}

.top{ width:100%; height:141px; min-width:1100px; float:left; background:url(../images/topbg.jpg) top repeat-x; background-color:#000;}
.topbox{ width:1100px; margin:0px auto;}
.top .head{ width:1100px; height:101px; float:left;}
.top .head .logo{ width:50%; float:left;}
.top .head .tel{ width:50%; float:right; text-align:right;}
.menu { width:1100px; height:40px; float:left;}
.menu .navigation {LIST-STYLE-TYPE: none; width:1100px; height:40px; margin:0px; padding:0px; float:left;}
.menu .navigation LI {FLOAT: left; POSITION: relative;  margin:0px; width:150px; list-style-type:none; text-align:center;}
.menu .navigation LI A:link   ,.menu .navigation LI A:visited{font-family:'微软雅黑'; font-size:14px; color:#fff; text-align:center; text-decoration:none; line-height:40px; display:block;}
.menu .navigation LI A:hover  ,.menu .navigation LI A:active,.menu a.ahover {color:#ffffff; background-color:#9b231c;}
.navigation ul{ display:block; position:absolute; top:40px; left:0px; z-index:999; background:#000; display:none }
.navigation li:hover ul{ display:block}

.banner{ width:100%; min-width:1100px; height:425px; float:left; text-align:center;}

.main{width:100%; min-width:1100px; float:left; padding-top:30px; padding-bottom:30px;}
.mainbox{ width:1100px; margin:0px auto;}
.inabout{ width:1100px; float:left;}
.inabout_l{ width:648px; float:left;}
.inabout_l .title{ width:648px; height:26px; float:left; background:url(../images/in_titlebg.jpg) top left no-repeat; position:relative;}
.inabout_l .title span{ font-family:'微软雅黑'; font-size:16px; height:16px; line-height:16px; position:absolute; top:0px; left:10px; color:#000;}
.inabout_l .title .more{ position:absolute; width:37px; height:16px; top:5px; right:0px;}
.inabout_l .con{ width:648px; float:left; padding-top:20px;}
.inabout_l .con .video{ width:250px; float:left;}
.inabout_l .con .text{ width:380px; float:right;}

.inabout_r{ width:425px; float:right;}
.inabout_r .title{ width:425px; height:26px; float:left; background:url(../images/in_titlebg.jpg) top left no-repeat; position:relative;}
.inabout_r .title span{ font-family:'微软雅黑'; font-size:16px; height:16px; line-height:16px; position:absolute; top:0px; left:10px; color:#000;}
.inabout_r .title .more{ position:absolute; width:37px; height:16px; top:5px; right:0px;}
.inabout_r .con{ width:425px; float:left; padding-top:20px;}
.inabout_r .con .gundong{width:425px; float:left;}
.inabout_r .con .gundong_demo{OVERFLOW: hidden; WIDTH:425px; COLOR: #ffffff; float:left;}
.inabout_r .con .propic{height:175px; float:left; padding-right:15px;}
.inabout_r .con.propic img{ border:0px;}

.inpro{ width:1100px; float:left; padding-top:30px;}
.inpro li{ float:left; width:265px; margin-right:13px; text-align:center; font-size:14px; line-height:40px;}
.inpro li div{width:255px; height:176px; padding:4px; border:1px solid #ccc;}


.foot{ width:100%; min-width:1100px; float:left; background-color:#333;}
.foot .footbox{ width:1100px; height:160px; margin:0px auto;}
.footadd{ width:900px; float:left; color:#cccccc; padding-top:30px;}
.footadd font{ font-size:14px; font-weight:bold;}
.footadd a{ color:#cccccc;}
.footadd p{ width:100%; float:left;}
.footadd .link{ padding-top:10px;}
.footewm{ width:121px; height:121px; float:right; padding-top:20px;}
.copyright{ width:100%; height:35px; line-height:35px; background-color:#000; color:#fff; text-align:center; font-family:'微软雅黑'; float:left;}


.about_mian{ width:1100px; float:left;}
.about_mian .left{ width:230px; float:left;}
.about_mian .left .l_title{ width:230px; height:50px; background-color:#9b231c; text-align:center; line-height:50px; color:#fff;font-size:16px; font-family:'微软雅黑';}
.about_mian .left .l_title font{ font-size:14px;}
.about_mian .left  ul{ width:230px; float:left; background-color:#fff; padding-top:10px;}
.about_mian .left  ul li{ width:200px; padding-left:10px; float:left; border-bottom:1px dotted #ccc; height:40px; line-height:40px; background:url(../images/leftioc.jpg) 50px 16px no-repeat;}
.about_mian .left  ul li a{ color:#666; display:block;}
.about_mian .left  ul li a:hover{ color:#F00;}

.about_mian .right{ width:850px; float:right; background-color:#FFF; padding-top:15px;}
.about_mian .right .title{ width:850px; height:26px; float:left; background:url(../images/in_titlebg.jpg) top left no-repeat;}
.about_mian .right .title .title_l{ font-family:'微软雅黑'; font-size:16px; height:16px; line-height:16px; color:#000; width:40%; float:left; padding-left:10px;}
.about_mian .right .title .title_r{ height:16px; line-height:16px; width:40%; float:right; text-align:right;}

.about_mian .right .con{ width:850px; padding:20px 0px; float:left;}

.newslist{ width:850px; float:left}
.newslist li{ width:830px; float:left; padding-left:20px; border-bottom:1px dotted #ccc; height:40px; line-height:40px; background:url(../images/news_ioc.png) 5px 17px no-repeat; position:relative;}
.newslist li span{ position:absolute; right:0px;}

.productlist{ width:860px; float:left;}
.productlist li{ width:205px; float:left; margin-right:10px; margin-bottom:35px;}
.productlist li{ padding:9px; border:1px solid #ccc; width:185px; height:185px;}
.productlist li img{ width:185px; height:185px;}
.productlist li p{ text-align:center; padding-top:10px;}


.pages{width:100%; float:left; text-align:center; margin-top:50px}
.pagination{display:inline-block;padding-left:0;border-radius:4px;}
.pagination li{display:inline}
.pagination li a,.pagination li span{position:relative;float:left;padding:6px 12px;line-height:1.42857143;color:#393D49;background:#fff;margin:0 0 0 8px;border:1px solid #eee}
.pagination li a:hover{color:#fff;background:#000}
.pagination .active span{background:#000;color:#fff}
.pagination .disabled{}
